<!DOCTYPE html>
<html>
<head>
	 <meta charset="UTF-8">
	 <meta name='viewport' content="width=device-width, initial-scale=1.0">
  	<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
	<title>产品试用</title>
	<link rel="stylesheet" type="text/css" href="../resources/style/reset.css">
	<link rel="stylesheet" type="text/css" href="../resources/style/tryout.css">
	<link rel="stylesheet" type="text/css" href="../resources/awe/awesome.css">
</head>
<body>
	<div class="head">
		 <iframe src="./head.html?id=3" echo="1" frameborder="0" style="width:100%;height:170px;"></iframe>
	</div>
	 <div class="head-box"></div>
	<div class="bainner" style="background-image:url(../resources/images/tryout_banner_02.png);"></div>
	<div class="main">
		<div class="box contanner" id="">
			<div class="nav">
				<p class="navBtn active">注册</p><p class="navBtn" >登录</p>
			</div>
			<p class="alert regist-state"><i class="fa fa-gittip"></i>&nbsp;&nbsp;注册您的真实信息，我们审核通过后即可试用！</p>
			<div class="from">
				<div class="inp-box">
					<p><label for="username">用户名</label></p>
					<p><input type="text" class="inp" name="username" id="username"></p>
				</div>
				<div class="inp-box">
					<p><label for="password">密码</label></p>
					<p ><input type="password" class="inp" name="password" id="password"></p>
				</div>
				<div class="regist-state">
					<div class="inp-box">
						<p><label for="password1">确认密码</label></p>
						<p><input type="password" class="inp" name="password1" id="password1"></p>
					</div>
					<div class="inp-box">
						<p><label for="hsname">医院名称</label></p>
						<p><input type="text" class="inp" name="hsname" id="hsname"></p>
					</div>
					<div class="inp-box">
						<p><label for="hslev">医院等级</label></p>
						<p><input type="text" class="inp" name="hslev" id="hslev"></p>
					</div>
					<div class="inp-box">
						<p><label for="people">联系人</label></p>
						<p><input type="text" class="inp" name="people" id="people"></p>
					</div>
					<div class="inp-box">
						<p><label for="org">部门</label></p>
						<p><input type="text" class="inp" name="org" id="org"></p>
					</div>
					<div class="inp-box">
						<p><label for="position">职务</label></p>
						<p><input type="text" class="inp" name="position" id="position"></p>
					</div>
					<div class="inp-box">
						<p><label for="tel">联系电话</label></p>
						<p><input type="text" class="inp" name="tel" id="tel"></p>
					</div>
					<div class="inp-box">
						<p><label for="email">Email</label></p>
						<p><input type="text" class="inp" name="email" id="email"></p>
					</div>
					<div class="inp-box">
						<p><label for="qq">QQ</label></p>
						<p><input type="text" class="inp" name="qq" id="qq"></p>
					</div>
				</div>
			</div>
			<div  class="option-box regist-state">
				<button>注册</button>
				<span>已经注册，马上 <b id="sigin">登录</b></span>
			</div>
			<div class="option-box sigin-state">
				<button>登录</button>
			</div>
		</div>
	</div>
	<div class="footer">
		 <iframe src="./footer.html" frameborder="0" style="width:100%;height:360px;"></iframe>
	</div>
</body>
	<script type="text/javascript" src="../resources/js/jquery-1.9.1.min.js"></script>
	<script>
			var o_id=3;
			var options = {
					sigin: function() {
						
					},
					regist:function(el){



					}
			}

			var $registerBox=$(".regist-state"),
				$siginState=$(".sigin-state"),
				$siginBtn=$(".navBtn").eq(1);


			$(".nav").on("click",".navBtn",function(){
				if(this.className.indexOf("active")!=-1){
						return ;
				}
				$registerBox.is(":hidden") ? $registerBox.show() & $siginState.hide() : $registerBox.hide() & $siginState.show();
				$(".active").removeClass("active");
				$(this).addClass("active");
			})

			$("#sigin").click(function(){
				$(".active").removeClass("active");
				$siginBtn.addClass("active");
				$registerBox.hide();
				$siginState.show();
			})

	</script>
</html>